<template>
  <div class="textInfo">
    <div class="textInfo_title" :style="{ color }">{{ title }}：</div>
    <div class="textInfo_info" :style="{ color }">{{ info }}</div>
  </div>
</template>
<script>
export default {
  name: 'textInfo',
  components: {},
  props: {
    title: {
      type: String,
      default: '信息',
    },
    info: {
      type: String,
      required: true,
      default: '信息详细',
    },
    color: {
      type: String,
    },
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
};
</script>
<style lang="less" scoped>
.textInfo {
  // min-width: 100px;
  // min-height: 34px;
  width: 100%;
  display: flex;
  padding: 5px 5px;
  border-radius: 4px;
  flex-wrap: wrap;
  align-items: center;
  // justify-content: space-between;

  // .textInfo_title {
  //   // min-width:50px;
  //   align-items: center;
  // }
  // .textInfo_info {
  //   // min-width:100px;
  //   align-items: center;
  // }
}
</style>
